<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE html>
<html>
<head>
    <base href="<%=basePath%>">

    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta charset="UTF-8">
    <title>index</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/normalize.css"/>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/fonts/font-awesome-4.2.0/css/font-awesome.min.css"/>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/demo.css"/>
    <link rel="stylesheet" type="text/css" href="css/component.css"/>

    <style>
        .submitBtn {
            border-radius: 3px;
            position: absolute;
            transform: translate(-50%, -50%);
            left: 60%;
            top: 40%;
            width: 100%;
            max-width: 80px;
        }

        .footer {
            position: absolute;
            left: 45%;
            bottom: 2%;
        }

    </style>

</head>

<body>

<div>
    <form action="${pageContext.request.contextPath}/login.html" method="post">
        <!--填写用户讯息-->
        <h2 style="text-align: center">Log in</h2>
        <!--  用户名  -->
        <span class="input input--kaede">
        <input class="input__field input__field--kaede" type="text" id="input-35" name="name">
        <label class="input__label input__label--kaede" for="input-35">
            <span class="input__label-content input__label-content--kaede">Name</span>
        </label>
    </span>
        <!--  密码  -->
        <span class="input input--kaede">
        <input class="input__field input__field--kaede" type="text" id="input-36" name="password">
        <label class="input__label input__label--kaede" for="input-36">
            <span class="input__label-content input__label-content--kaede">Password</span>
        </label>
    </span>
        <input type="submit" value="Submit" class="submitBtn"/>
    </form>
</div>

<div class="footer">
    &copy;2016 Limit
</div>
</body>
</html>

